<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="${path}/css/top-bar.css">
  
    <link rel="stylesheet" href="${path}/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="${path}/plugins/jquery/jquery.min.js"></script>
    <script src="${path}/plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

    <style>
     .firm{
    width: 100%;
    padding: 30px 0;
    height:80px;

    background-color: #fafafa;
    }
    .below-1{
    font-size: 12px;
    }
    .below-1 a{
    color: #757575;

   }
   .below-2{
    width: 800px;
   }
  .below-2 a{
     color: #b0b0b0;
    font-size: 12px;
    height: 54px;
    line-height: 18px;
      } 

      .cl1{
          background-color:#fafafa;
      }
      .cl2{
          background-color: #fafafa;
      }
        /* Custom Styles */
            ul.nav-tabs{
                width: 140px;
                margin-top: 20px;
                border-radius: 4px;
                border: 1px solid #ddd;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
            }
            ul.nav-tabs li{
                margin: 0;
                border-top: 1px solid #ddd;
            }
            ul.nav-tabs li:first-child{
                border-top: none;
            }
            ul.nav-tabs li a{
                margin: 0;
                padding: 8px 16px;
                border-radius: 0;
            }
            ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
                color: #fff;
                background: #0088cc;
                border: 1px solid #0088cc;
            }
            ul.nav-tabs li:first-child a{
                border-radius: 4px 4px 0 0;
            }
            ul.nav-tabs li:last-child a{
                border-radius: 0 0 4px 4px;
            }
            ul.nav-tabs.affix{
                top: 30px; /* Set the top position of pinned element */
            }
     #zly{
         width: 50px;
         height: 50px;

         /* 设置边框为圆形 */
         border-radius: 50%;
     }
     #lunbo{
         margin-top: -20px;
     }
     #font-color{
         color: white;
         background-color:rgb(34, 33, 33);

     }
     #log-ss{
         top:0px;
         width: 0%;
     }
     #BS a:hover{
         color: red;
     }
     .navbar {
         position: relative;
         min-height: 50px;
         margin-bottom:0px;
         border: 1px solid transparent;
     }
        </style>
</head>
<body data-spy="scroll" data-target="#myScrollspy">
<%@ include file="../common/nav.jsp" %>



   <div class="centre">
    <div class="container">
        <div class="jumbotron">
             <h1>自助客服</h1>
         </div>
         <div class="row">
             <div class="col-xs-3" id="myScrollspy">
                 <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125">
                     <li class="active"><a href="#section-1">常见问题</a></li>
                     <li><a href="#section-2">账号与安全</a></li>
                     <li><a href="#section-3">第三部分</a></li>
                     <li><a href="#section-4">第四部分</a></li>
                     <li><a href="#section-5">第五部分</a></li>
                 </ul>
             </div>
             <div class="col-xs-9">
                 <h2 id="section-2">账号与安全</h2>
                 <div class="cl1">
                 <h2 id="section-1">网页注册提示“手机号码已经注册账号”，怎么办？</h2>
                 <p>若该手机号码长期以来一直是您在使用，您可以直接使用该手机号作为账户名进行登录。如果您是新买的手机号码，建议您电脑登录淘宝网使用邮箱注册。</p>
                </div>
                <div class="cl2">
                 <h2 id="section-1">为什么登录时提示密码不匹配？</h2>
                 <p>可能是您输错了密码，比如字母的大小写，请确认。如果忘记密码，建议您找回密码。</p>
                </div>
                 <hr>
                 <div class="cl1">
                 <h2 id="section-3">不小心泄露了账号信息,使账号丢失怎么办？</h2>
                 <p>请妥善保管自己的账号信息，勿泄露给其他人。

                     哔哩哔哩弹幕网不支持账号交易等行为，请自行承担任何由账号泄露或被盗（包括账号交易）引发的损失。

                     如果您发现账号信息泄露，请及时更改密码，同时检查绑定手机，邮箱有效性，以减少可能的损失。详情可查看哔哩哔哩弹幕网用户使用协议passport.bilibili.com/register/licence</p>
                 </div>
                  <hr>
                 <div class="cl1">
                 <h2 id="section-4">密码丢失怎么办?</h2>
                 <p>若密码丢失，个人账号可以通过绑定的手机或邮箱，验证信息后重置密码。</p>
                 <p></p>
                 <p></p>
                 <p></p>
                 </div>
                  <hr>
                 <div class="cl1">
                 <h2 id="section-5">邮箱没有收到激活邮件怎么办？</h2>
                 <p>邮件发送具有一定的延迟请等待一段时间后再次查询；检查邮件垃圾箱中是否有激活邮件；可以在会员中心点击再次发送激活邮件；尝试更换邮箱再进行激活；</p>
                 </div>

               
             </div>
         </div>
     </div>
    </div>



<%@ include file="../common/footer.jsp" %>

  
    
</body>
</html>